<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心 - 突袭简历</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/dashboard.css">
    <link rel="stylesheet" href="css/mobile.css">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <span class="logo-text">突袭简历</span>
                </a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="templates.html">简历模板</a></li>
                    <li><a href="resume-editor.html">简历编辑</a></li>
                    <li><a href="resume-analysis.html">AI分析</a></li>
                    <li><a href="pricing.html">会员服务</a></li>
                </ul>
            </nav>
            <div class="user-actions">
                <div class="user-dropdown">
                    <button class="user-dropdown-toggle">
                        <span class="user-avatar-text">👤</span>
                        <span class="user-name">张三</span>
                        <span class="dropdown-icon">▼</span>
                    </button>
                    <div class="user-dropdown-menu">
                        <a href="dashboard.html" class="active">个人中心</a>
                        <a href="my-resumes.html">我的简历</a>
                        <a href="account-settings.html">账号设置</a>
                        <a href="#" class="logout-link">退出登录</a>
                    </div>
                </div>
            </div>
            <button class="mobile-menu-toggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </header>

    <div class="dashboard-container">
        <aside class="dashboard-sidebar">
            <div class="user-info">
                <div class="user-avatar-large">
                    <span class="user-avatar-text">👤</span>
                    <button class="avatar-edit-btn" aria-label="修改头像">
                        <span>✏️</span>
                    </button>
                </div>
                <h2 class="user-name">张三</h2>
                <div class="user-membership">
                    <span class="membership-badge premium">高级会员</span>
                    <span class="membership-expiry">有效期至：2024-12-31</span>
                </div>
            </div>
            <nav class="dashboard-nav">
                <ul>
                    <li>
                        <a href="dashboard.html" class="active">
                            <span>🏠</span>
                            <span>控制台</span>
                        </a>
                    </li>
                    <li>
                        <a href="my-resumes.html">
                            <span>📄</span>
                            <span>我的简历</span>
                        </a>
                    </li>
                    <li>
                        <a href="ai-analysis.html">
                            <span>🤖</span>
                            <span>AI分析</span>
                            <span class="feature-badge">高级</span>
                        </a>
                    </li>
                    <li>
                        <a href="saved-jobs.html">
                            <span>🔖</span>
                            <span>收藏职位</span>
                        </a>
                    </li>
                    <li>
                        <a href="account-settings.html">
                            <span>⚙️</span>
                            <span>账号设置</span>
                        </a>
                    </li>
                    <li>
                        <a href="billing-history.html">
                            <span>💳</span>
                            <span>订单记录</span>
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="sidebar-footer">
                <a href="help-center.html" class="help-link">
                    <span>❓</span>
                    <span>帮助中心</span>
                </a>
                <a href="#" class="logout-link">
                    <span>🚪</span>
                    <span>退出登录</span>
                </a>
            </div>
        </aside>

        <main class="dashboard-main">
            <div class="dashboard-header">
                <h1>控制台</h1>
                <p>欢迎回来，张三！查看您的简历状态和会员信息</p>
            </div>

            <div class="dashboard-stats">
                <div class="stat-card">
                    <div class="stat-icon">
                        <img src="images/icon-resume-large.svg" alt="">
                    </div>
                    <div class="stat-content">
                        <h3>简历数量</h3>
                        <p class="stat-value">3</p>
                        <p class="stat-description">已创建的简历</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <img src="images/icon-download-large.svg" alt="">
                    </div>
                    <div class="stat-content">
                        <h3>下载次数</h3>
                        <p class="stat-value">12</p>
                        <p class="stat-description">简历导出次数</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <img src="images/icon-ai-large.svg" alt="">
                    </div>
                    <div class="stat-content">
                        <h3>AI分析</h3>
                        <p class="stat-value">无限</p>
                        <p class="stat-description">剩余分析次数</p>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-icon">
                        <img src="images/icon-view-large.svg" alt="">
                    </div>
                    <div class="stat-content">
                        <h3>简历浏览</h3>
                        <p class="stat-value">56</p>
                        <p class="stat-description">简历被查看次数</p>
                    </div>
                </div>
            </div>

            <section class="dashboard-section">
                <div class="section-header">
                    <h2>我的简历</h2>
                    <a href="my-resumes.html" class="btn btn-text">查看全部</a>
                </div>
                <div class="resume-cards">
                    <div class="resume-card">
                        <div class="resume-preview">
                            <div class="resume-preview-placeholder">📄 简历预览</div>
                        </div>
                        <div class="resume-card-content">
                            <h3>产品经理简历</h3>
                            <p class="resume-last-edit">最后编辑：2025-10-15</p>
                            <div class="resume-actions">
                                <a href="resume-editor.html?id=1" class="btn btn-sm btn-outline">编辑</a>
                                <a href="#" class="btn btn-sm btn-primary">下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="resume-card">
                        <div class="resume-preview">
                            <div class="resume-preview-placeholder">📄 简历预览</div>
                        </div>
                        <div class="resume-card-content">
                            <h3>UI设计师简历</h3>
                            <p class="resume-last-edit">最后编辑：2025-10-10</p>
                            <div class="resume-actions">
                                <a href="resume-editor.html?id=2" class="btn btn-sm btn-outline">编辑</a>
                                <a href="#" class="btn btn-sm btn-primary">下载</a>
                            </div>
                        </div>
                    </div>
                    <div class="resume-card add-resume">
                        <a href="templates.html" class="add-resume-link">
                            <div class="add-icon">
                                <span>➕</span>
                            </div>
                            <p>创建新简历</p>
                        </a>
                    </div>
                </div>
            </section>

            <section class="dashboard-section">
                <div class="section-header">
                    <h2>会员信息</h2>
                    <a href="pricing.html" class="btn btn-text">升级会员</a>
                </div>
                <div class="membership-card">
                    <div class="membership-header">
                        <div class="membership-info">
                            <h3>高级会员</h3>
                            <p>有效期至：2024-12-31</p>
                        </div>
                        <div class="membership-badge-large premium">
                            <img src="images/icon-crown.svg" alt="">
                            <span>高级会员</span>
                        </div>
                    </div>
                    <div class="membership-benefits">
                        <h4>您的会员权益</h4>
                        <ul class="benefits-list">
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>无限次AI简历分析</span>
                            </li>
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>所有高级简历模板（50+）</span>
                            </li>
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>无水印PDF和Word导出</span>
                            </li>
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>ATS优化分析</span>
                            </li>
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>无限简历创建</span>
                            </li>
                            <li>
                                <img src="images/icon-check-circle.svg" alt="">
                                <span>优先客服支持</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>

            <section class="dashboard-section">
                <div class="section-header">
                    <h2>最近活动</h2>
                </div>
                <div class="activity-list">
                    <div class="activity-item">
                        <div class="activity-icon">
                            <img src="images/icon-edit-activity.svg" alt="">
                        </div>
                        <div class="activity-content">
                            <p class="activity-text">您编辑了 <strong>产品经理简历</strong></p>
                            <p class="activity-time">2025-10-15 14:30</p>
                        </div>
                    </div>
                    <div class="activity-item">
                        <div class="activity-icon">
                            <img src="images/icon-download-activity.svg" alt="">
                        </div>
                        <div class="activity-content">
                            <p class="activity-text">您下载了 <strong>UI设计师简历</strong> 的PDF版本</p>
                            <p class="activity-time">2025-10-10 09:15</p>
                        </div>
                    </div>
                    <div class="activity-item">
                        <div class="activity-icon">
                            <img src="images/icon-ai-activity.svg" alt="">
                        </div>
                        <div class="activity-content">
                            <p class="activity-text">您使用了AI分析功能分析 <strong>产品经理简历</strong></p>
                            <p class="activity-time">2025-10-08 16:45</p>
                        </div>
                    </div>
                    <div class="activity-item">
                        <div class="activity-icon">
                            <img src="images/icon-create-activity.svg" alt="">
                        </div>
                        <div class="activity-content">
                            <p class="activity-text">您创建了新简历 <strong>UI设计师简历</strong></p>
                            <p class="activity-time">2025-10-05 11:20</p>
                        </div>
                    </div>
                    <div class="activity-item">
                        <div class="activity-icon">
                            <img src="images/icon-membership-activity.svg" alt="">
                        </div>
                        <div class="activity-content">
                            <p class="activity-text">您升级成为了 <strong>高级会员</strong></p>
                            <p class="activity-time">2025-10-01 10:00</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>
    </div>

    <script src="js/main.js"></script>
    <script src="js/dashboard.js"></script>
</body>
</html>